<!-- BEGIN:main -->
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="robots" content="index, follow" />
        <title>  Đăng nhập hệ thống</title>

        <link href="template/default/css/template.css" type=text/css rel=stylesheet />

        <script type="text/javascript" src="template/default/javascripts/jquery.min.js"></script>

        <script type="text/javascript">

            // ham an thong bao
            function hideMessage() {
                $("#lbErrorMessage").hide();
            }




            function login() {
                hideMessage();
                var account = $('#txtUserName');
                var password = $('#txtPassword');

                if (account.val() == '') {
                    account.focus();
                    $('#lbErrorMessage').show();
                    $('#lbErrorMessage').html('Vui lòng nhập Tên đăng nhập');
                }
                else if (password.val() == '') {
                    password.focus();
                    $('#lbErrorMessage').show();
                    $('#lbErrorMessage').html('Vui lòng nhập Mật khẩu');
                }
                else {
                    $.ajax({
                        type: "POST",
                        data: 'hdAction=login&txtUserName=' + account.val() + '&txtPassword=' + password.val(),
                        cache: false,
                        beforeSend: function()
                        {
                            $("#loadingButton").show();
                        },
                        success: function(data) {
                            if (data == 'OK') {
                                window.location.reload();
                            } else {
                                $('#lbErrorMessage').show();
                                $('#lbErrorMessage').html(data);
                                $("#loadingButton").hide();
                            }

                        }
                    });
                }
            }

            jQuery(document).ready(function()
            {
                
                // sự kiện nhấn nút đăng nhập
                $('#btLogin').click(function() {
                    login();
                });


                // sự kiện nhấn nút enter trên bàn phím
                $(document).keypress(function(event) {
                    var keycode = (event.keyCode ? event.keyCode : event.which);
                    if (keycode == '13') {
                        login();
                    }
                });



            });
        </script>
    </head>




    <body class="d_lock_screen">

        <div id="d_login_form" class=" d_border_radius5">

            <form name="phpForm" method="post">  

                <div class="d_size20 d_bold" style="text-align: center;">
                    Đăng nhập quản trị
                </div>

                <div class="d_divide10"></div>

                <!--tên đăng nhập-->
                <div>
                    <label for="txtUserName" class="d_label" for="txtUserName">Tên đăng nhập: <b style="color: red;">*</b></label>
                    <input class="d_text_input" style="width: 180px" name="txtUserName" id="txtUserName">
                </div>


                <div class="d_divide10"></div>


                <!--mật khẩu-->
                <div>
                    <label for="txtPassword" class="d_label" for="txtPassword">Mật khẩu: <b style="color: red;">*</b></label>
                    <input class="d_text_input" type=password  style="width: 180px" name="txtPassword" id="txtPassword">
                    <input type="hidden" name="hdAction" value="login">
                </div>

                <div class="d_divide10"></div>

                <div>
                    <input style="float: left" id="btLogin" class="d_button" type="button" value="Đăng nhập" name="submit">
                    <div id="lbErrorMessage" style="color: red; display: none; width: 200px; float: right;"></div>
                    <a href="javascript:void()" id="loadingButton" class="d_loading_button d_border_radius5 d_white_bg d_gray_border">Đang xử lý</a>
                </div>



                <div class="d_clear"></div>
            </form>
        </div>
    </div>
</body>

</html>
<!-- END:main -->
